.banner img {
    width: 100%;
    overflow: hidden;
}

.banner li {
    font-size: 0;
    height: 18px;
    width: 18px;
    text-align: center;
    background-image: url('../images/w-dots.png');
    background-repeat: no-repeat;
}
.banner .slick-dots {
    bottom: 15px;
    text-align: right;
    right: 281px;
}
.banner .slick-dots>.slick-active {
    width: 18px;
    height: 18px;
    background-image: url("../images/f-dots.png");
    background-repeat: no-repeat;
}

.news {
    width: 1152px;
    height: auto;
    left: 0;
    right: 0;
    margin: auto;
}
.news-l {
    float: left;
    width: 722px;
    margin-right: 65px;
}
.news-r {
    overflow: hidden;
    width: 365px;

}
.mores {
    float: right;
}
.gg-t {
    background-color: #0062ad;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}
.gg-t >h3>span {
    font-size: 21px;
    line-height: 40px;
    font-weight: normal;
}
.gg-t>h3>.mores {
    width: 48px;
    line-height: 46px;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    background-image: url("../images/more-iconpng.png");
    background-repeat: no-repeat;
    background-position: center right;
}
.gg-img {
    margin-top: 17px;

}
.gg-img-1 {
    width: 332px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 52px;
}
.gg-img-1>a img {
    width: 332px;
    height: 231px;
}
.gg-img-p>p {
    width: 245px;
    font-size: 12px;
    color: #3a3a3a;
    line-height: 23px;

}
.gg-img-p>p:first-child {
    width: 332px;
    font-size: 16.67px;
    line-height: 35.45px;
    color: #0062ad;
    overflow: hidden;
    text-overflow:ellipsis ;
    white-space: nowrap;
}
.gg-img-1 :hover p,
.gg-img-2 :hover p
{
    color: #b61b30;
}
.gg-img-2 {
    overflow: hidden;

}
.gg-img-2>a img {
    width: 332px;
    height: 231px;
}
.gg-list {
    margin-top: 27px;
    padding-top: 15px;
    padding-bottom: 16px;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}
.gg-list li {
    font-size: 16px;
    color: #3a3a3a;
}
.gg-list li:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #000000;
    margin-right:5px;
    margin-bottom: 15px;
}
.gg-list li span:first-child {
    display: inline-block;
    width: 353px;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gg-list li>a>.tm {
    display: inline-block;
    line-height: 35px;
    float: right;
}
.gg-list li:hover {
    background-color: #66a7d3;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}
.gg-list li:hover:before {
    background-color: transparent;
}
.list-tm {
    width: 57px;
    height: 55px;
    border-top:3px solid #0062ad ;
    float: left;
    margin-right: 30px;

}
.list-tm>p:first-child {
    font-size: 20px;
    text-align: center;
    color: #0062ad;
    background-color: #ffffff;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
}
.list-tm>p {
    font-size: 12.5px;
    line-height: 30px;
    color: #ffffff;
    background-color: #0062ad;
    text-align: center;
}
.list-tl {
         overflow: hidden;
    width: 277px;
    font-size: 16px;
    line-height: 30px;
    height: 57px;
}
.news-r-list li>a {
    display: block;
}
.news-r-list li {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 18px;
    padding-top: 18px;
}
.news-r-list li:hover .list-tl {
    color: #1055a0;
}
.news-1 {
    width: 1152px;
    height: auto;
    left: 0;
    right: 0;
    margin: auto;
}
.news-1-l {
    width: 722px;
    height: auto;
    float: left;
    margin-right: 63px;
}
.news-1-t{
    margin-top: 42px;
    padding-bottom: 15px;
    border-bottom: 1px solid #bfbfbf;
}
.news-1-b {
    margin-top: 42px;
    padding-bottom: 5px;
    border-bottom: 1px solid #bfbfbf;
}
.t-body {
    margin-top: 15px;
}
.life {
    width: 293px;
    height: auto;
    float: left;
    margin-right: 18px;
}
.life-img img {
    width: 293px;
    height: 209px;
}
.life-img p {
    position: absolute;
    bottom: 0;
    width: 293px;
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    text-align: center;
    background-image: url("../images/shadowpng.png");
    background-repeat: no-repeat;
}
.life-list {
    overflow: hidden;
    width: 385px;
}
.life-list li {
    font-size: 16px;
    line-height: 29px;
    color: #3a3a3a;
}
.life-list li>a {
    display: block;
}
.life-list li>a>span:first-child {
    display: inline-block;
    width: 228px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.life-list li>a>.tim{
    display: inline-block;
    float: right;
}
.life-list li:hover {
    background-color: #66a7d3;
    color: #ffffff;
    padding-right: 5px;
    padding-left: 5px;
}
.news-1-r {
    overflow: hidden;
    width: 366px;
}
.sgg {
    background-color: #b61b30;
}
.show-img{
    margin-top: 35px;
    padding-bottom:30px;
}
.show-img img{height:229px;}
.show-img>button{
    width: 32px;
    height: 32px;
    position: absolute;
    right: 23px;
    bottom: 30px;
    z-index: 11;
    color: transparent;
    background-image: url("../images/to-right.png");
    background-repeat: no-repeat;
}
.show-img>button:first-child {
    left: 23px;
    background-image: url("../images/to-left.png");
    background-repeat: no-repeat;
}

.show-tl >p{
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #2b2b2b;
}
.show-tl >p:first-child{
    margin-top: 30px;
    color: #b61b30;
}
.show-tl >p:first-child>span {
    display: inline-block;
    text-indent: 10px;
    font-weight: bold;
}
.r-top {
    margin-top: 42px;
    border: 1px solid #bfbfbf;
}
.r-bottom {
    margin-top: 42px;
}
.sgg2 {
    background-color: #e6973a;
}
.rb-list>ul{
    overflow: hidden;
    margin-top: 17px;
}
.rb-list li{
    float: left;
    width: 173px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    background-color: #66a7d3;
    margin: 10px 6px 10px 4px;
}
.rb-list li:hover {
    color: #3a3a3a;
}
.help {
    width: 1152px;
    left: 0;
    right: 0;
    margin: 42px auto 0;
}
.body-l {
    float: left;
    width: 525px;
    height: 266px;
    background-color: #f7f7f7;
    padding: 18px 16px 18px 16px;
    display:none;

}
.body-img {
    float: left;
}
.body-img>a>img {
    width: 373px;
    height: 265px;

}
.body-tl {
    overflow: hidden;
    position: relative;
    margin-top: 90px;
    cursor: pointer;
}
.body-tl>p{
    text-align: center;
    font-size: 16px;
    color: #878787;
    line-height: 40px;
}
.body-tl>p:first-child {
    font-size: 24px;
    color: #3a3a3a;
}
.body-t {
    overflow: hidden;
    width: 593px;
    margin-top: 24px;
}
.body-t li {
    float: left;
    width: 184px;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    line-height: 65px;
    border: 1px solid #bfbfbf;
    margin-bottom: 11px;
}
.body-t li span {
    display: inline-block;
    text-align: center;
}
.body-t li:hover {
    color: #3a3a3a;
}
.list1 {
    background-color: #66a7d3;
}
.list1 i {
    display: inline-block;
    width: 31px;
    height: 30px;
    background-image: url("../images/list.png");
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;
}
.list2 {
    background-color: #0ba299;
    margin-left: 17px;
    margin-right: 17px;
}
.list2 i{
    display: inline-block;
    width: 42px;
    height: 22px;
    background-image: url("../images/list1.png");
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;

}
.list3 {
    background-color: #f8b62c;
}
.list3 i{
    display: inline-block;
    width: 26px;
    height: 29px;
    background-image: url("../images/list2.png");
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;
}
.list4 {
    background-color: #6fbc47;
}
.list4 i{
    display: inline-block;
    width: 31px;
    height: 35px;
    background-image: url("../images/list3.png");
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;
}
.list5 {
    background-color: #1055a0;
    margin-left: 17px;
    margin-right: 17px;
}
.list5 i{
    display: inline-block;
    width: 25px;
    height: 26px;
    background-image: url("../images/list4.png");
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;
}
.list6 {
    background-color: #24a9e6;
}
.list6 i{
    display: inline-block;
    width: 32px;
    height: 45px;
    background-image: url("../images/list5.png");
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;
}
.list7 {
    background-color: #f8b62c;
}
.list7 i{
    display: inline-block;
    width: 30px;
    height: 33px;
    background-image: url("../images/list6.png");
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;
}
.list8 {
    background-color: #66a7d3;
    margin-left: 17px;
    margin-right: 17px;
}
.list8 i{
    display: inline-block;
    width: 38px;
    height: 24px;
    background-image: url("../images/list7.png");
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;
}
.list9 {
    background-color: #0ba299;
}
.list9 i{
    display: inline-block;
    width: 27px;
    height: 33px;
    background-image: url("../images/list8.png");
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;
}
.list10 {
    background-color: #24a9e6;
}
.list10 i{
    display: inline-block;
    width: 24px;
    height: 30px;
    background-image: url("../images/list9.png");
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;
}
.list11{
    background-color: #6fbc47;
    margin-left: 17px;
    margin-right: 17px;
}
.list11 i{
    display: inline-block;
    width: 40px;
    height: 35px;
    background-image: url("../images/list10.png");
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;
}
.list12 {
    background-color: #1055a0;
}
.list12 i{
    display: inline-block;
    width: 30px;
    height: 33px;
    background-image: url("../images/list11.png");
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;
}
.park {
    margin-top: 40px;
}
.title {
    font-size: 23px;
    color: #333333;
    line-height: 40px;
}
.park-hd{
    text-align: center;
    cursor: default;
}
.park-bd {
    width: 100%;
    height: auto;
    background-color: #f7f7f7;
    margin-top: 36px;
}
.bd-imgs {
    width: 1152px;
    left: 0;
    right: 0;
    margin: auto;
    padding-bottom: 14px;
}
.bd-imgs li {
    float: left;
    position: relative;
    margin-bottom: 22px;
    overflow: hidden;
}
.bd-imgs li img {
    width: 370px;
    height: 186px;
}
.bd-imgs li p {
    font-size: 22px;
    line-height: 70px;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 11;
}
.bd-imgs .mli {
    margin-right: 21px;
    margin-left: 21px;
}
.shadow {
    position: absolute;
    top: -200px;
    width: 370px;
    height: 186px;
    background-image: url("../images/shadow.png");
    background-repeat: no-repeat;
    transition: top 1s;
}

.bd-imgs li :hover .shadow {
    top:0;
}
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}